<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_683707_cs32quhqjsl40a4i.css">
    <script src="js/common/common.js"></script>
    <link rel="stylesheet" href="css/code.css">
    <link rel="stylesheet" href="./css/media.css">

    <title>银联学岛音乐节</title>
</head>

<body>
    <!-- 验证码输入 -->
    <audio loop="loop" class="ding">
        <source src="./media/叮叮叮2.mp3" />
    </audio>
    <div class="codeWeb">
        <div class="code_comtent">
            <div class="com_1">
                <img src="img/index/comtent1.png" alt="">
            </div>
            <div class="com_2">
                <h3>请输入验证码</h3>
                <input type="text" placeholder="*由工作人员输入">
            </div>
            <button class="btn">确认</button>
        </div>
        <div class="footer">
            <a href="index.html">
                <img src="img/index/logo.png" alt="">
            </a>
        </div>
    </div>
    <!-- 抽奖页面 -->
    <div class="luckyDraw">
        <div class="lucky_comtent">
            <div class="com_1">
                <img src="img/index/comtent1.png" alt="">
            </div>
            <div class="luckyJi">
                <div class="prizeBox">
                    <ul class="C1">
                        <li class="I3">
                            <img src="img/抽奖/卡片.png" alt="">
                        </li>
                        <li class="I1">
                            <img src="img/抽奖/牛牛.png" alt="">
                        </li>
                        <li class="I2">
                            <img src="img/抽奖/门票.png" alt="">
                        </li>

                    </ul>
                    <ul class="C2">
                        <li class="I1">
                            <img src="img/抽奖/牛牛.png" alt="">
                        </li>
                        <li class="I2">
                            <img src="img/抽奖/门票.png" alt="">
                        </li>
                        <li class="I3">
                            <img src="img/抽奖/卡片.png" alt="">
                        </li>
                    </ul>
                    <ul class="C3">
                        <li class="I2">
                            <img src="img/抽奖/门票.png" alt="">
                        </li>
                        <li class="I1">
                            <img src="img/抽奖/牛牛.png" alt="">
                        </li>
                        <li class="I3">
                            <img src="img/抽奖/卡片.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <button>点击抽奖</button>
        </div>
        <div class="footer">
            <a href="index.html">
                <img src="img/index/logo.png" alt="">
            </a>
        </div>
    </div>
    <!-- 未中奖页面弹出 -->
    <div class="notWinning">
        <div class="box">
            <h2>就差一丢丢哦...</h2>
            <div class="i_down">
                <i class="iconfont icon-guanbi"></i>
            </div>
        </div>
    </div>
    <!-- 中奖音乐会界面 -->
    <div class="musicWeb">
        <div class="music_comtent">
            <div class="com_1">
                <img src="img/index/comtent1.png" alt="">
            </div>
            <div class="com_2">
                <h4>音乐会邀请函</h4>
                <img src="img/抽奖/门票.png" alt="">
                <p>恭喜您获得音乐会邀请函一张</p>
            </div>
            <button>确 认 领 取</button>
            <p>*由工作人员确认领取</p>
        </div>
        <div class="footer">
            <img src="img/index/logo.png" alt="">
        </div>
    </div>
    <!-- 公仔界面 -->
    <div class="niuWeb">
        <div class="niu_comtent">
            <div class="com_1">
                <img src="img/index/comtent1.png" alt="">
            </div>
            <div class="com_2">
                <h4>公仔</h4>
                <img src="img/抽奖/牛牛.png" alt="">
                <p>恭喜您获得公仔一件，奖品图片仅供参考，最终以实物为准。</p>
            </div>
            <button>确 认 领 取</button>
            <p>*由工作人员确认领取</p>
        </div>
        <div class="footer">
            <img src="img/index/logo.png" alt="">
        </div>
    </div>
    <!-- 明信片界面 -->
    <div class="kaWeb">
        <div class="ka_comtent">
            <div class="com_1">
                <img src="img/index/comtent1.png" alt="">
            </div>
            <div class="com_2">
                <h4>明信片</h4>
                <img src="img/抽奖/卡片.png" alt="">
                <p>恭喜您获得明信片一套，奖品图片仅供参考，最终以实物为准。</p>
            </div>
            <button>确 认 领 取</button>
            <p>*由工作人员确认领取</p>
        </div>
        <div class="footer">
            <img src="img/index/logo.png" alt="">
        </div>
    </div>
    <!-- 中奖领取成功 -->

    <div class="receiveFoots">
        <div class="recBox">
            <h2>领取成功！</h2>
            <div class="i_down">
                <i class="iconfont icon-guanbi"></i>
            </div>
        </div>
    </div>
    <div class="onlyOne">
        <div class="onlyBox">
            <p>本次幸运大抽奖活动一个微信号只能参与一次。</h2>
        </div>
    </div>
    <script src="./js/common/jquery-2.1.0.js"></script>
    <script src="./js/common/jssdk.js"></script>
    <script src="./js/code.js"></script>
</body>

</html>